<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> -->

<link rel="stylesheet" type="text/css" href="./../../html/res/css/style.css" />
<link href="./../../html/res/css/table.css" rel="stylesheet" type="text/css">
<link href="./../../html/res/css/user.css" rel="stylesheet" type="text/css">
<link href="./../../html/res/css/pager.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="./../../html/res/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="./../../html/res/js/jquery.pager.js"></script>
<script type="text/javascript" src="./../../html/res/js/util.js"></script>

<script type="text/javascript" src="./../../html/res/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="./../../html/res/posfixed.js"></script>

<title>WBD 网络小说下载</title>
<meta name="description" content="网络小说下载">
<meta name="keyword" content="网络小说下载工具">

<style type="text/css">
img { border:none; }
.wrapper { width:1000px; margin:0 auto; }
.wrapper h3{color:#3366cc;font-size:16px;height:35px;line-height:1.9;text-align:center;border-bottom:1px solid #E5E5E5;margin:0 0 10px 0;}
#con0_1 { position:relative; }
#con0_1 .product_list { position:absolute; left:0px; top:0px; padding:10px; background:#eee; margin:5px;}
#con1_1 { position:relative; }
#con1_1 .product_list { position:absolute; left:0px; top:0px; padding:10px; background:#eee; margin:5px;}
.product_list { width: 280px; }
.product_list_width2 { width: 400px; }
</style>

</head>
<body>
<div id="topbj">
<!-- $headnav$ -->
<div class="top_menu_nav">
	<a href="#" class="scrollToTop">Scroll to Top</a> | 
	<a href="#" class="scrollToBottom">Scroll to bottom</a>
</div>
<div class="wrapper">
	<div class="zcelist"><b class="bzce">[var.out.page_title;htmlconv=no]</b></div>
	
    <div id="div_errormsg" class="zcelist0 hide"><b class="bzce"><span id="errormsg" style="color:#f00;"></span></b></div>
    <div id="con0_1" class="grid">
    [var.out.html_data; htmlconv=no;noerr]
    </div>
    <div style="clear:both;padding:15px;color:#000;text-align: left;"></div>
   
</div>
<div id="jobstate">
	[var.out.jobstate; htmlconv=no;noerr]
</div>
<div class="wrapper">
  <h3>瀑布流实例</h3>
  <div id="con1_1" class="grid">
  <!-- <div class="product_list"> <a href="#"><img src="images/img7.jpg"></a><p>很简单的大学生而已</p></div> -->
      [var.out.html_data2; htmlconv=no;noerr]     
  </div>
</div>

<!-- $foot$ -->

<div class='hide'>
<textarea id='column_title_def' class='hide'>[var.out.column_title_def; htmlconv=no;noerr]</textarea>
</div>
<a href="#" class="scrollToTop">Scroll to Top</a>
<script type="text/javascript" src="./../../html/res/app.js?v=[var.out.js_css_ver;noerr]"></script>
<script type="text/javascript">
'use strict';
// var API_SERVER = 'http://www.shdic.com';
var API_SERVER = 'http://localhost:9980/appidf738cydm44';
var API_URL=API_SERVER+'/webapp/web_book_download/crx.php';

var jobProcessPartId=+'[var.out.jobProcessPartId; htmlconv=no;noerr]';
var jobProcessIdx=+'[var.out.jobProcessIdx; htmlconv=no;noerr]';
var column_title_def=null;
$(document).ready(function(){

	// var $container = $('#con1_1');    
 //    $container.imagesLoaded(function(){
 //        $container.masonry({
 //            itemSelector: '.product_list',
 //            columnWidth: 5 //每两列之间的间隙为5像素
 //        });
 //    });

    $('.grid').masonry({
	  // options
	  itemSelector: '.product_list',
	  columnWidth: 20
	});

	// Scroll page to the bottom 
	$('a.scrollToBottom').click(function(){ 
		$('html, body, .content').animate({scrollTop: $(document).height()}, 300); 
		return false; 
	}); 

	$('a.scrollToTop').click(function(){ 
		$('html, body').animate({scrollTop:0}, 'slow'); 
		return false; 
	}); 

	$(".top_menu_nav").posfixed({
		distance:0,
		pos:"top",
		type:"while",
		hide:false
	}); 
    
});

</script>
</body>
</html>
